<!DOCTYPE html>

<head>
	<title>TicTacToe</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<link href="/static/style.css" rel="stylesheet" type="text/css" />
</head>
<style type="text/css">
<!--
body {
	text-align: center;
}
content {
	text-align: center;
}
-->
</style>
<body>
	<div class="main">
		<div class="header">
			<div class="header_resize">
				<div class="logo">
					<h1><a href="app.html">Tic<span>Tac</span>Toe</a><br/>
					</h1>
				</div>
				<div class="menu_nav">
					<ul>
						<li><a href="app.html">Home</a></li>
						<li class="active"><a href="original.html">Original</a></li>
						<li><a href="9x9.html">9 x 9</a></li>
						<li><a href="crazy.html">Cr@Zy</a></li>
						<li><a href="about.html">About Us</a></li>
					</div>       
				</ul>
			</div>
			<div class="game">
				<form action="/original" method="post">
					<table border="">
						{%for x in %}
						<tr>
							<td id ="c1r1">
								<button value="c1r1" name="block">
									<img src="/static/{{c1r1}}">
								</button>
							</td>
							<td id ="c2r1">
								<button value="c2r1" name="block">
									<img src="/static/{{c2r1}}">
								</button>
							</td>
							<td id ="c3r1">
								<button value="c3r1" name="block">
									<img src="/static/{{c3r1}}">
								</button>
							</td>
						</tr>
						<tr>
							<td id ="c1r2">
								<button value="c1r2" name="block">
									<img src="/static/{{c1r2}}">
								</button>
							</td>
							<td id ="c2r2">
								<button value="c2r2" name="block">
									<img src="/static/{{c2r2}}">
								</button>
							</td>
							<td id ="c3r2">
								<button value="c3r2" name="block">
									<img src="/static/{{c3r2}}">
								</button>
							</td>
						</tr>
						<tr>
							<td id ="c1r3">
								<button value="c1r3" name="block">
									<img src="/static/{{c1r3}}">
								</button>
							</td>
							<td id ="c2r3">
								<button value="c2r3" name="block">
									<img src="/static/{{c2r3}}">
								</button>
							</td>
							<td id ="c3r3">
								<button value="c3r3" name="block">
									<img src="/static/{{c3r3}}">
								</button>
							</td>
						</tr>
					</table>
					<input type="hidden" name="StringMatrix" value={{StringMatrix}}>
					<input type="text" name="WinMessage" value={{Winner}}>
				</form>
				<form>
					<input type="submit" name="Reset" method ="reset" value="Reset">
				</form>
			</div>
			<div class="clr"></div>
			<div class="clr"></div>
		</div>
	</div>
</div>
</body>
</html>